<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body>

</body>

</html>
<!-- 
    class操作
        class添加：addClass(类名 类名)添加类
            $('#div').addClass('class1 class2');
        class移出：removeClass(类名)移出类 ，不加参数就是移出所有类
            $('#div').removeClass('class1 class2');
            $('#div').removeClass();//移出所有类
        class判断：hasClass(类名)判断类
            $('#div').hasClass('class1')//判断id为div的标签中是否含有class1这个类如果含有则会返回true，如果没有会返回false
        class切换：toggleClass(类名)切换类
            $('#div').toggleClass('class1');//该方法会先判断id为div的标签是否含有class1，如果有则会移出，如果没有会添加  
        
 -->